﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--360浏览器优先以webkit内核解析-->
    <title>申请提现</title>

    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link href="css/index2.css" rel="stylesheet">
    <style type="text/css">
       html,body{
            height: 100%;
        }
         body, ul, li {
             margin: 0;
             padding: 0;
             font-size: 13px;
         }
        ul, li {
            list-style: none;
        }

        #divselect {
            position: relative;
            z-index: 10000;
        }

        #divselect cite {
            width: 100%;           
            display: block;              
            cursor: pointer;
            font-style: normal;                          
            background: url(images/xjt.png) no-repeat right center;
        }
        #divselect cite span,ul span{
            margin-right: 15px;
        }
        #divselect ul {
            width: 100.5%;
            border: 1px solid #d1d1d1;
            border-top: 0;
            background-color: #ffffff;
            position: absolute;
            z-index: 20000;
            left: -1px;
            margin-top: 6px;
            display: none;
        }
        #divselect ul li {
            height: 24px;
            line-height: 24px;
        }

        #divselect ul li a {
            display: block;
            height: 24px;
            color: #333333;
            text-decoration: none;
            padding-left: 10px;
            padding-right: 10px;
        }  
        .depositCard{
            color: #7cccea; float: right; margin-top: -1px; padding-right: 15px; /*border-right: 1px solid #e8e8e8;*/
        }
    </style>
 
</head>

<body class="gray-bg">
    <div class="wrapper">
        <div class="row">
            <div class="col-sm-12">
                <!-- 账户管理 -->
                <div class="ibox-content paddingLeft">
                    <h5><strong>申请提现</strong></h5>
                    <div class="row m20p">
                        <div class="col-sm-12">
                            <p><label>账户可用金额：</label><span class="avaMoney">￥55,743.00</span><i class="fa fa-warning"></i><span class="avaWarning">只能在工作时间（除法定节假日的周一至周五9:00-16:00）进行提现，且提现金额为不小于500的整数。</span></p>                           
                        </div>
                    </div>
                </div>

                <div class="ibox-content paddingLeft">
                    <div class="formDiv">
                        <form class=" form-horizontal" role="form">
                        <div class="form-group">
                            <label class="col-sm-2 col-sm-offset-3 control-label"><span class="req">*</span>选择银行账户：</label>
                            <div class="col-sm-4">
                                <div id="divselect" class="form-control">
                                    <cite><i class="bank bankBOC"></i><span>62226************751</span><span>**行</span><span class="depositCard">储蓄卡</span></cite>
                                    <ul>
                                        <li id="li"><a href="javascript:;" selectid="1"><i class="bank bankBOC"></i><span>62226************751</span><span>**行</span><span class="depositCard">储蓄卡</span></a></li>
                                        <li><a href="javascript:;" selectid="2"><i class="bank bankBOC"></i><span>62226************752</span><span>**行</span><span class="depositCard">储蓄卡</span></a></li>
                                        <li><a href="javascript:;" selectid="2"><i class="bank bankBOC"></i><span>62226************753</span><span>**行</span><span class="depositCard">储蓄卡</span></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 col-sm-offset-3 control-label"><span class="req">*</span>提现金额：</label>
                            <div class="col-sm-2">
                                <input type="text" class="form-control" />
                            </div>
                            <div class="col-sm-1 pdL">
                                <p class="txt">元</p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 col-sm-offset-3 control-label"><span class="req">*</span>支付密码：</label>
                            <div class="col-sm-2">
                                <input type="text" class="form-control">
                            </div>
                            <div class="col-sm-2 pdL">
                                <a class="txt txtColor">忘记密码</a>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 col-sm-offset-3 control-label">验证码：</label>
                            <div class="col-sm-1">
                                <input type="text" class="form-control">
                            </div>
                            <div class="col-sm-1">
                                <div style="border: 1px solid #d1d1d1; width: 94px; height: 34px; background: url(images/code.png) no-repeat 100% 100%;"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-offset-2 col-sm-7">
                                <div class="acc m37p">
                                    <div class="updateBtn" style="text-align: center">
                                        <button class="btn" onclick="open2();">申请提现</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        </form>
                    </div>   

                   
                </div>

            </div>
        </div>
    </div>
    <!-- 全局js -->
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <script type="text/javascript" src="/js/zDialog2.js"></script>
    <script type="text/javascript">
        function open2() {
            Dialog.open({ URL: "PhoneVerCode.html" });
        }
    </script>

    <script type="text/javascript">
    window.onload = function () {
        var box = document.getElementById('divselect'),
            title = box.getElementsByTagName('cite')[0],
            menu = box.getElementsByTagName('ul')[0],
            as = box.getElementsByTagName('a'),
            index = -1;

        // 点击三角时
        title.onclick = function (event) {
            event = event || window.event;
            if (event.stopPropagation) {
                event.stopPropagation();
            } else {
                event.cancelBubble = true;
            }
            menu.style.display = 'block';
            document.onkeyup = function (e) {
                e = e || window.event;
                for (var i = 0; i < as.length; i++) {
                    as[i].style.background = 'none';
                }
                // 如果按下了向下方向键
                if (e.keyCode == 40) {
                    index++;
                    if (index >= as.length) {
                        index = 0;
                    }
                    as[index].style.background = "#f4f3f3";
                }
                // 如果按下了向上方向键
                if (e.keyCode == 38) {
                    if (index <= 0) {
                        index = as.length;
                    }
                    index--;
                    as[index].style.background = "#f4f3f3";
                }
                // 如果按下了回车键
                if (e.keyCode == 13 && index != -1) {
                    title.innerHTML = as[index].innerHTML;
                    for (var i = 0; i < as.length; i++) {
                        as[i].style.background = 'none';
                    }
                    menu.style.display = 'none';
                    index = -1;
                }
            }
        }

        // 滑过滑过、离开、点击每个选项时
        for (var i = 0; i < as.length; i++) {
            as[i].onmouseover = function () {
                this.style.background = '#f4f3f3';
            }
            as[i].onmouseout = function () {
                this.style.background = 'none';
            }
            as[i].onclick = function () {
                title.innerHTML = this.innerHTML;
            }
        }

        // 点击页面空白处时
        document.onclick = function () {
            menu.style.display = 'none';
        }
    }
    </script>

</body>

</html>
